<template>
	<view>
		<view class="navigation">
			<view class="navigation_back" @tap="backref()">
				<uni-icons type="back" size="24" color="#fff"></uni-icons>
			</view>
			<view class="navigation_title">
				我的流水
			</view>
		</view>
		<view class="address_con">
			<template v-for="(uni, index) in list">
				<uni-card
					:key="index"
					:title="uni.createTime"
					:is-shadow="true"
				>
				<view>
					{{uni.flag == 1? '收入':'支出'}}金额：￥{{uni.amount}}
				</view>
				<!-- <view >
					账户信息：{{uni.receiveInfo}}
				</view> -->
				</uni-card>
			</template>
		</view>
	</view>
</template>

<script>
	import { walletList } from '../../api/api.js'
	export default {
		data() {
			return {
				list:[]
			};
		},
		methods:{
			backref() {
				uni.navigateBack({
					delta: 1
				})
			},
		},
		onShow() {
			walletList().then(res => {
				this.list = res.data
			})
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F4F4F4;
	}

	.navigation {
		width: 100%;
		height: 260rpx;
		background: linear-gradient(180deg, rgba(255, 141, 26, 1) 12.5%, rgba(255, 195, 0, 1) 100%);;
		padding: 60rpx 24rpx 0;
		text-align: center;
		position: relative;

		.navigation_back {
			position: absolute;
			top: 60rpx;
		}

		.navigation_title {
			color: #fff;
			font-size: 36rpx;
		}
	}
	.address_con{
		position: relative;
		z-index: 2;
		padding: 40rpx 32rpx 180rpx;
		border-radius: 32rpx 32rpx 0 0;
		background-color: #F4F4F4;
		margin-top: -100rpx;
	}
</style>
